<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>新闻资讯</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/animate.min.css" />
	<link rel="stylesheet" href="css/wxstyle.css" />
	<link rel="stylesheet" type="text/css" href="css/pcgwbase.css" />
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">


</head>

<body style="background: #f5f5f5;">

	<div id="news" v-cloak>
		<!--轮播-->
		<div class="xybanner">
			<div id="header" v-cloak></div>

			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img :src="bannerImage" alt="..." style="width:100%;">
					</div>
				</div>

			</div>
		</div>

		<div class="newslist_block">
			<div class="newslist_tab  ">
				<div class="container">
					<h4>最新资讯</h4>
					<ul class="container about_tabli">
						<li :class="index ==0 ? 'active':''" v-for="(item,index) in newsTypeList" :key="index"
							v-on:click="getNewsList(item.id)">
							<a>{{item.name}}</a></li>
					</ul>
				</div>
			</div>

			<div class="newslist_bos">
				<div class="container">
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
					<a class="newslist_item" href="denews.html">
						<div class="newslist_itemleft">
							<img src="img/about.jpg">
						</div>
						<div class="newslist_itemright">
							<h4>区块链的应用被腾讯给告了？软件开发商</h4>
							<div class="acr_txt">
								<p>一个好的产品研发商很重要啊！</p>【阅读全文】
							</div>
							<div class="acr_time">2018-10-31 17:30:03 <p class="view_bos"><img src="img/view.png"
										class="view_img" />666</p>
							</div>
						</div>
					</a>
				</div>
				<div class="container">
					<nav aria-label="Page navigation example">
						<ul class="pagination justify-content-end">
							<ul class="pagination justify-content-end">
								<el-pagination background layout="prev, pager, next" :total="total"
									:page-size="pageSize" @current-change="getNewsList('')" :current-page="pageNo">
								</el-pagination>
							</ul>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>


	<div id="footer"></div>

</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/qs/6.8.0/qs.min.js"></script>
<script type="text/javascript" src="js/web/axiosconfig.js"></script>
<script type="text/javascript" src="js/web/news.js"></script>
<script>
	$("#header").load("header.html");
	$("#footer").load("footer.html");
	$(".about_tabli li").removeClass("active")
	$(".about_tabli li").eq(0).addClass("active")
	$(".about_tabli").on("click", "li", function () {
		$(".about_tabli li").removeClass("active")
		$(this).addClass("active")
	})
</script>

</html>